import React, { Component } from 'react'

import { withRouter } from 'react-router-dom'
// 只有react-router包裹的组件才能使用 router 的方法
// 像这种提取的组件，没有在 Router 包裹下，可以使用withRouter这样的高阶组件包裹,就可以使用 this.props下的方法了
// 装饰器模式 @withRouter
class Back extends Component {
    back = () => {
        // this.props.history.go(-1)
        this.props.history.goBack()     // 返回上一页
    }
  render() {
    // console.log(this.props);
    return (
      <button onClick={this.back}>返回上一页</button>
    )
  }
}

export default withRouter(Back)
